home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 55375 / 55375.xpi / chrome / chromeFiles / skin / coolhandnuke / urlbar.css < prev   
Cascading Style Sheet File  |  2009-11-15  |  10KB  |  271 lines
  1. /* URLBar Override */
  2. #main-window[btBoom="coolhandnuke"]
  3.   #urlbar {
  4.     background: url("../../skin/coolhandnuke/resources/urlbar/endcap.png") transparent right center no-repeat !important;
  5.   }
  6.   
  7. #main-window[btBoom="coolhandnuke"]
  8.   #urlbar[focused="true"] {
  9.     background: url("../../skin/coolhandnuke/resources/urlbar/endcap-focused.png") transparent right center no-repeat !important;
  10.   }
  11.   
  12. #main-window[btBoom="coolhandnuke"]
  13.   #urlbar .textbox-input-box,
  14. #main-window[btBoom="coolhandnuke"]
  15.   #urlbar-icons {
  16.     background: url("../../skin/coolhandnuke/resources/urlbar/textfield-mid.png") transparent left center  repeat-x !important;
  17.     color: #000;
  18.   }
  19.   
  20. #main-window[btBoom="coolhandnuke"]
  21.   #urlbar[focused="true"] .textbox-input-box,
  22. #main-window[btBoom="coolhandnuke"]
  23.   #urlbar[focused="true"] #urlbar-icons {
  24.     background-image: url("../../skin/coolhandnuke/resources/urlbar/textfield-mid-focused.png") !important;
  25.   }
  26.   
  27. /* Identity Indicator Styling */
  28. /* Location bar visuals*/
  29.   
  30. #main-window[btBoom="coolhandnuke"]
  31.   #identity-box {
  32.     background: url("../../skin/coolhandnuke/resources/urlbar/startcap.png") left center no-repeat !important;
  33.   }
  34.   
  35. #main-window[btBoom="coolhandnuke"]
  36.   #urlbar[focused="true"] > #identity-box {
  37.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-focused.png") !important;
  38.   }
  39.   
  40. #main-window[btBoom="coolhandnuke"]
  41.   #identity-box:hover:active,
  42. #main-window[btBoom="coolhandnuke"]
  43.   #identity-box[open="true"] {
  44.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-active.png") !important;
  45.   }
  46.   
  47. #main-window[btBoom="coolhandnuke"]
  48.   #identity-icon-label {
  49.     color: #000;
  50.     height: 26px !important;
  51.     -moz-box-align: center;
  52.     min-width: 13px;
  53.   }
  54.   
  55. #main-window[btBoom="coolhandnuke"]
  56.   #identity-box.unknownIdentity > hbox > #identity-icon-label {
  57.     display: none;
  58.   }
  59.   
  60.   
  61. /* Verified domain */
  62. /* - Normal state */
  63. #main-window[btBoom="coolhandnuke"]
  64.   #identity-box.verifiedDomain {
  65.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-secure-start.png") !important;
  66.     margin-right: 1px;
  67.   }
  68.   
  69. #main-window[btBoom="coolhandnuke"]
  70.   #identity-box.verifiedDomain > hbox {
  71.     background: url("../../skin/coolhandnuke/resources/urlbar/startcap-secure-mid.png") repeat-x center center !important;
  72.   }
  73.   
  74. #main-window[btBoom="coolhandnuke"]
  75.   #identity-box.verifiedDomain > hbox > #identity-icon-label {
  76.     background: url("../../skin/coolhandnuke/resources/urlbar/startcap-secure-end.png") no-repeat center right !important;
  77.     margin-right: -12px;
  78.     padding-top: 5px !important;
  79.   }
  80.   
  81. /* - Active state */
  82. #main-window[btBoom="coolhandnuke"]
  83.   #identity-box.verifiedDomain:hover:active {
  84.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-secure-start-active.png") !important;
  85.     margin-right: 1px;
  86.   }
  87.   
  88. #main-window[btBoom="coolhandnuke"]
  89.   #identity-box.verifiedDomain:hover:active > hbox {
  90.     background: url("../../skin/coolhandnuke/resources/urlbar/startcap-secure-mid-active.png") repeat-x center center !important;
  91.   }
  92.   
  93. #main-window[btBoom="coolhandnuke"]
  94.   #identity-box.verifiedDomain:hover:active > hbox > #identity-icon-label {
  95.     background: url("../../skin/coolhandnuke/resources/urlbar/startcap-secure-end-active.png") no-repeat center right !important;
  96.     margin-right: -12px;
  97.   }
  98.   
  99. /* - Focus state */
  100. #main-window[btBoom="coolhandnuke"]
  101.   #urlbar[focused="true"] > #identity-box.verifiedDomain {
  102.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-secure-start-focused.png") !important;
  103.     margin-right: 1px;
  104.   }
  105.   
  106. #main-window[btBoom="coolhandnuke"]
  107.   #urlbar[focused="true"] > #identity-box.verifiedDomain > hbox {
  108.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-secure-mid-focused.png") !important;
  109.   }
  110.   
  111. #main-window[btBoom="coolhandnuke"]
  112.   #urlbar[focused="true"] > #identity-box.verifiedDomain > hbox > #identity-icon-label {
  113.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-secure-end-focused.png") !important;
  114.     margin-right: -12px;
  115.   }
  116.   
  117. /* Verified Identity */
  118. /* - Normal state */
  119. #main-window[btBoom="coolhandnuke"]
  120.   #identity-box.verifiedIdentity {
  121.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-verified-start.png") !important;
  122.     margin-right: 13px;
  123.   }
  124.   
  125. #main-window[btBoom="coolhandnuke"]
  126.   #identity-box.verifiedIdentity > hbox {
  127.     background: url("../../skin/coolhandnuke/resources/urlbar/startcap-verified-mid.png") repeat-x center center !important;
  128.   }
  129.   
  130. #main-window[btBoom="coolhandnuke"]
  131.   #identity-box.verifiedIdentity > hbox > #identity-icon-label {
  132.     background: url("../../skin/coolhandnuke/resources/urlbar/startcap-verified-end.png") no-repeat center right !important;
  133.     margin-right: -13px;
  134.     padding-top: 5px !important;
  135.   }
  136.   
  137. /* - Active state */
  138. #main-window[btBoom="coolhandnuke"]
  139.   #identity-box.verifiedIdentity:hover:active {
  140.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-verified-start-active.png") !important;
  141.     margin-right: 13px;
  142.   }
  143.   
  144. #main-window[btBoom="coolhandnuke"]
  145.   #identity-box.verifiedIdentity:hover:active > hbox {
  146.     background: url("../../skin/coolhandnuke/resources/urlbar/startcap-verified-mid-active.png") repeat-x center center !important;
  147.   }
  148.   
  149. #main-window[btBoom="coolhandnuke"]
  150.   #identity-box.verifiedIdentity:hover:active > hbox > #identity-icon-label {
  151.     background: url("../../skin/coolhandnuke/resources/urlbar/startcap-verified-end-active.png") no-repeat center right !important;
  152.     margin-right: -13px;
  153.   }
  154.   
  155. /* - Focus state */
  156. #main-window[btBoom="coolhandnuke"]
  157.   #urlbar[focused="true"] > #identity-box.verifiedIdentity {
  158.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-verified-start-focused.png") !important;
  159.     margin-right: 13px;
  160.   }
  161.   
  162. #main-window[btBoom="coolhandnuke"]
  163.   #urlbar[focused="true"] > #identity-box.verifiedIdentity > hbox {
  164.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-verified-mid-focused.png") !important;
  165.   }
  166.   
  167. #main-window[btBoom="coolhandnuke"]
  168.   #urlbar[focused="true"] > #identity-box.verifiedIdentity > hbox > #identity-icon-label {
  169.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-verified-end-focused.png") !important;
  170.     margin-right: -13px;
  171.   }
  172.  
  173. /* BC:  Searchbar Restyling */
  174.  
  175. #main-window[btBoom="coolhandnuke"]
  176.   .searchbar-textbox > .autocomplete-textbox-container > .textbox-input-box {
  177.     background: url("../../skin/coolhandnuke/resources/urlbar/textfield-mid.png") repeat-x !important;
  178.   }
  179.  
  180. #main-window[btBoom="coolhandnuke"]
  181.   .searchbar-textbox[focused="true"] > .autocomplete-textbox-container > .textbox-input-box {
  182.     background-image: url("../../skin/coolhandnuke/resources/urlbar/textfield-mid-focused.png") !important;
  183.   }
  184.   
  185.   /* BC: Start Cap */
  186.   
  187. #main-window[btBoom="coolhandnuke"]
  188.   .searchbar-engine-button {
  189.     background: url("../../skin/coolhandnuke/resources/urlbar/startcap.png") right center no-repeat !important;
  190.   }
  191.  
  192. #main-window[btBoom="coolhandnuke"]
  193.   .searchbar-engine-button[chromedir="rtl"] {
  194.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-rtl.png") !important;
  195.   }
  196.   
  197. #main-window[btBoom="coolhandnuke"]
  198.   .searchbar-textbox[focused="true"] > .searchbar-engine-button {
  199.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-focused.png") !important;
  200.   }
  201.   
  202. #main-window[btBoom="coolhandnuke"]
  203.   .searchbar-textbox[focused="true"] > .searchbar-engine-button[chromedir="rtl"] {
  204.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-focused-rtl.png") !important;
  205.   }
  206.   
  207. #main-window[btBoom="coolhandnuke"]
  208.   .searchbar-engine-button:hover:active,
  209. #main-window[btBoom="coolhandnuke"]
  210.   .searchbar-engine-button[open="true"] {
  211.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-active.png") !important;
  212.   }
  213.   
  214. #main-window[btBoom="coolhandnuke"]
  215.   .searchbar-engine-button:hover:active[chromedir="rtl"],
  216. #main-window[btBoom="coolhandnuke"]
  217.   .searchbar-engine-button[open="true"][chromedir="rtl"] {
  218.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-active-rtl.png") !important;
  219.   }
  220.   
  221. #main-window[btBoom="coolhandnuke"]
  222.   .searchbar-textbox[focused="true"] > .searchbar-engine-button:active,
  223. #main-window[btBoom="coolhandnuke"]
  224.   .searchbar-textbox[focused="true"] > .searchbar-engine-button[open="true"] {
  225.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-active-focused.png") !important;
  226.   }
  227.   
  228. #main-window[btBoom="coolhandnuke"]
  229.   .searchbar-textbox[focused="true"] > .searchbar-engine-button[chromedir="rtl"]:active,
  230. #main-window[btBoom="coolhandnuke"]
  231.   .searchbar-textbox[focused="true"] > .searchbar-engine-button[open="true"][chromedir="rtl"] {
  232.     background-image: url("../../skin/coolhandnuke/resources/urlbar/startcap-active-focused-rtl.png") !important;
  233.   }
  234.   
  235.   /* BC: End cap */
  236. #main-window[btBoom="coolhandnuke"]
  237.   .search-go-container {
  238.     background: url("../../skin/coolhandnuke/resources/urlbar/endcap.png") no-repeat right top !important;
  239.   }
  240.   
  241. #main-window[btBoom="coolhandnuke"]
  242.   .search-go-container[chromedir="rtl"] {
  243.     background-image: url("../../skin/coolhandnuke/resources/urlbar/endcap-rtl.png") !important;
  244.   }
  245.   
  246. #main-window[btBoom="coolhandnuke"]
  247.   .searchbar-textbox[focused="true"] > .search-go-container {
  248.     background-image: url("../../skin/coolhandnuke/resources/urlbar/endcap-focused.png") !important;
  249.   }
  250.   
  251. #main-window[btBoom="coolhandnuke"]
  252.   .searchbar-textbox[focused="true"] > .search-go-container[chromedir="rtl"] {
  253.     background: url("../../skin/coolhandnuke/resources/urlbar/endcap-focused-rtl.png") no-repeat left top !important;
  254.   }
  255.  
  256. #main-window[btBoom="coolhandnuke"]
  257.   .searchbar-textbox .textbox-input-box {
  258.     color: #444 !important;
  259.   }
  260.  
  261. #main-window[btBoom="coolhandnuke"]
  262.   .searchbar-textbox  .searchbar-engine-image {
  263.     margin-left: -2px !important;
  264.   }
  265.   
  266. /* Open Window Bug, urlbar is in readonly mode, no drop marker */
  267. #main-window[btBoom="coolhandnuke"]
  268.   #urlbar[enablehistory="false"] {
  269.     padding-right: 26px !important;
  270.   }
  271.